<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/my/wallet.css" />
	</head>

	<body>
		<div id="wallet" v-cloak>
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-arrowleft mui-pull-left"></a>
				<h1 class="mui-title">我的钱包</h1>
			</header>
			<div class="mui-content">
				<div class="balance">
					<div>
						<div>{{data.available || 0}}</div>
						<div>可用预存款（元）</div>
					</div>
				</div>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" @tap="openId('packet.html')">
						<img src="../../images/myhongbao.png" />
						<span>红包</span>
						<div>
							<div>{{data.total1 || ''}}</div>
							<i class="mui-icon mui-icon-arrowright"></i>
						</div>
					</li>
					<li class="mui-table-view-cell" @tap="openId('coupon.html')">
						<img src="../../images/myyouhuiquan.png" />
						<span>优惠券</span>
						<div>
							<div>{{data.total2|| ''}}</div>
							<i class="mui-icon mui-icon-arrowright"></i>
						</div>
					</li>
					<li class="mui-table-view-cell" @tap="openId('myintegral.html')">
						<img src="../../images/myjifen.png" />
						<span>积分</span>
						<div>
							<div>{{data.score|| ''}}</div>
							<i class="mui-icon mui-icon-arrowright"></i>
						</div>
					</li>
				</ul>

			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/libs/zepto.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/my/wallet.js"></script>
	</body>

</html>